<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>

<head>
<style type="text/css">
td.right {
	text-align: right;
}
</style>
</head>

<body>
<f:view>

	<f:loadBundle basename="mensajes" var="msgs" />
	<h1><h:outputText value="#{msgs['listaMovimientos.titulo']}" /></h1>
	<h:messages errorStyle="color: red;" />

	<h:form>
				
		<!-- Datos del cliente. -->
		<h2><h:outputText value="#{msgs['listaMovimientos.cliente.titulo']}" /></h2>
		<h:panelGrid columns="2">
			<h:outputLabel for="nroCliente" value="#{msgs['listaMovimientos.cliente.tabla.numero']}" />
			<h:outputLabel id="nroCliente" value="#{movimientoBean.cuenta.cliente.numero}" />
			<h:outputLabel for="apellido" value="#{msgs['listaMovimientos.cliente.tabla.apellido']}" />
			<h:outputLabel id="apellido" value="#{movimientoBean.cuenta.cliente.apellido}" />
			<h:outputLabel for="nombre" value="#{msgs['listaMovimientos.cliente.tabla.nombre']}" />
			<h:outputLabel id="nombre" value="#{movimientoBean.cuenta.cliente.nombre}" />
		</h:panelGrid>
		
		<!-- Datos de la cuenta. -->
		<h2><h:outputText value="#{msgs['listaMovimientos.cuenta.titulo']}" /></h2>
		<h:panelGrid columns="2">
			<h:outputLabel for="nroCuenta" value="#{msgs['listaMovimientos.cuenta.tabla.numero']}" />
			<h:outputLabel id="nroCuenta" value="#{movimientoBean.cuenta.numero}" />
			<h:outputLabel for="fechaApertura" value="#{msgs['listaMovimientos.cuenta.tabla.fechaApertura']}" />
			<h:outputLabel id="fechaApertura" value="#{movimientoBean.cuenta.fechaApertura}">
				<f:convertDateTime pattern="dd/MM/yyyy" />
			</h:outputLabel>
			<h:outputLabel for="saldoActual" value="#{msgs['listaMovimientos.cuenta.tabla.saldoActual']}" />
			<h:outputLabel id="saldoActual" value="#{movimientoBean.cuenta.saldoActual}" />
			<h:outputLabel for="tipoCuenta" value="#{msgs['listaMovimientos.cuenta.tabla.tipoCuenta']}" />
			<h:outputLabel id="tipoCuenta" value="#{movimientoBean.cuenta.descripcionCuenta}" />
		</h:panelGrid>

		<h:panelGroup>
			<h:commandButton id="btnEportar" value="#{msgs['boton.exportar']}" action="#{movimientoBean.exportar}" />
			<h:commandButton id="btnVolver" value="#{msgs['boton.volver']}" action="toCuentas" />
		</h:panelGroup>
		
		<!-- Lista de Movimientos. -->
		<h2><h:outputText value="#{msgs['listaMovimientos.movimiento.titulo']}" /></h2>
		<h:dataTable value="#{movimientoBean.listaMovimientos}" var="movimiento" bgcolor="#F1F1F1" border="2" cellpadding="5" cellspacing="3" columnClasses="none,none,right">
			<h:column>
				<f:facet name="header"><h:outputText value="#{msgs['listaMovimientos.movimiento.tabla.fecha']}" /></f:facet>
				<h:outputText value="#{movimiento.fecha}"><f:convertDateTime pattern="dd/MM/yyyy" /></h:outputText>
			</h:column>
			<h:column>
				<f:facet name="header"><h:outputText value="#{msgs['listaMovimientos.movimiento.tabla.monto']}" /></f:facet>
				<h:outputText value="#{movimiento.monto}"><f:convertNumber minFractionDigits="2" maxFractionDigits="2" /></h:outputText>
			</h:column>
			<%-- 
			<h:column>
				<f:facet name="header"><h:outputText value="#{msgs['listaMovimientos.movimiento.tabla.codigo']}" /></f:facet>
				<h:outputText value="#{movimiento.codigo}"></h:outputText>
			</h:column>
			<h:column>
				<f:facet name="header"><h:outputText value="#{msgs['listaMovimientos.movimiento.tabla.comentario']}" /></f:facet>
				<h:outputText value="#{movimiento.comentario}"></h:outputText>
			</h:column>
			 --%>
		</h:dataTable>
		<h:outputText value="#{movimientoBean.mensaje}" />
	</h:form>
</f:view>
</body>
</html>